<%--
  Created by IntelliJ IDEA.
  User: 1234
  Date: 2022-11-08
  Time: 15:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        #btn {
            position: absolute;
            margin-left: 1px;
            margin-top: 12px;
        }
    </style>
</head>
<body>

<div class="modal-header">
    <button class="close" onclick="closefffModal()">X</button>
    <h4 class="modal-title">物料组成</h4>
</div>
<div class="modal-body texts">
    <table id="queryMaterialTab"
           class="table table-striped table-bordered table-condensed table-hover">
    </table>
</div>
<script>
    $("#queryMaterialTab").bootstrapTable({
        url: 'filequery22.action',
        method: 'get',                      //请求方式（*）
        contentType: "application/x-www-form-urlencoded",
        toolbar: '#toolbar',              //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 7,                     //每页的记录行数（*）
        pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: false,                      //是否显示表格搜索
        strictSearch: true,
        showColumns: true,                  //是否显示所有的列（选择显示的列）
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 320,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false, //是否显示父子表
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pagesize: params.limit,                         //页面大小
                startindex: (params.offset / params.limit) + 1,   //页码
                sort: params.sort,      //排序列名
                sortOrder: params.order, //排位命令（desc，asc）
            };
            return temp;
        },
        columns: [
           /* {
                field: '',
                title: '点选',
                formatter:function(value,row,index){
                    return "<input type='checkbox'>"
                },
                align: "center"
            },*/
            {
                field: 'productid',
                title: '物料编号',
                align: "center"
            }, {
                field: 'productname',
                title: '物料名称',
                align: "center"
            },
            {
                field: 'type',
                title: '用途类型',
                formatter: function (value, row, index) {
                    if (value == 'Y001-1') {
                        return "商品"
                    } else {
                        return "物料"
                    }
                },
                align: "center"
            }, {
                field: 'productdescribe',
                title: '物料描述',
                align: "center"
            },
            {
                field: 'amountunit',
                title: '单位',
                align: "center"
            }, {
                field: 'costprice',
                title: '计划成本单价',
                align: "center"
            }, {
                field: '',
                title: '操作',
                align: "center",
                formatter: function (value, row, index) {
                    return "<input type='button' value='添加' onclick='addProFood1("+row.productid+")' class='btn btn-danger'>";
                }
            }]
    })

    //添加方法
    function addProFood1(productid) {
        $.ajax({
            url:"QueryFileByProductId.action/"+productid,
            type:"post",
            dataType:"json",
            success:function (data) {
                var arr=[{
                    "productid":data.productid,
                    "productname":data.productname,
                    "type":data.type,
                    "productdescribe":data.productdescribe,
                    "amount":"",
                    "amountunit":data.amountunit,
                    "costprice":data.costprice,
                    "subtotal":""
                }];

                var alldata=$("#MaterialCompositionDesignSheetTab").bootstrapTable("getData");

                if(alldata==""){
                    $("#MaterialCompositionDesignSheetTab").bootstrapTable("append",arr);
                }else{
                    for(var i=1;alldata.length>=i;i++){
                        if(alldata[i-1].productid==data.productid){
                            alert("你已添加过此产品")
                            return;
                        }
                    }
                    $("#MaterialCompositionDesignSheetTab").bootstrapTable("append",arr);
                }
            }
        })

    }

    //关闭模态框
    function closefffModal() {
        $("#DesignTabModal").modal("hide")
    }

</script>
</body>
</html>
